/* CSS Document */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}



/*
div{border: 1px red solid}
table{border: 1px red solid;}
table td{border: 1px red solid;}
*/



#head{position: relative;
height: 70px}
#box{position: relative;
height: auto}
.container{position: relative;
height:auto}
#main_show{position: relative}
#main_show img {
background-size:contain;
width:100%;
height: auto}
#mianIcon{height: 50px}
#k1{float: left;
	width: 670px;
	position:relative;left:280px;top: 15%; margin:auto
}
#k2{float: left;width: 200px;position:relative;left: 420px; top: 30%; margin:auto;height: 25px}
#k2 table img {height:20px}
#k2 table {position: absolute;top: 0%}
#head div img,#head div p,#head div a{float: left}
#cityName{position:relative;left:20px ;top:15px; font-weight: bold;}
#menu{float: left;position: absolute;left:220px;top:29%;width:40%;height: auto}
#menu a{float: left;margin-left: 10%;font-size: 19px;font-weight: bold}
#menu a:hover{color: #F31519}
.clickOn{border-bottom: 2px solid #FF484B ;
color:#FF484B }
.clickOn2{border-bottom: 2px solid #FF484B ;
color: #000000
}
.clickOff{color: #BFBFBF}
#bottom{background: #272727;
	
}
#bottom table{  display: table;
            margin: 0 auto;}
#bottom table ul{list-style-type: circle}
#bottomIcon{position: relative;left: 20px}
.botomText{color: #9B9B9B;font-size: 15px}
.botomText2{color: #FFFFFF}
.blank{height:14px}
#tb1{width: 1000px}
#bottomLine{border:1px dashed #9B9B9B; height:1px;width: 1000px;display: table;
            margin: 20px auto;}
#youLian{width: 1000px;display: table;
            margin:20px auto;}
#youLian a{font-size: 10px}
#progressBar{display: table;margin: 0 auto;width: 1010px;margin-top: 20px;margin-bottom: 10px;text-align: center;}
#progressBar td{border-bottom:#9B9B9B 2px solid;width: 200px}
.container{width: 1000px;margin: 0 auto;border:#9B9B9B 1px solid ;display: table}
.over{color: #26bb7e;border-bottom: #26bb7e 2px solid!important}
.over img{width: 15px;margin-right: 8px;display: inline!important}
#left1{display: table;width: 700px;height: 600px;float: left}
#screen{width: 500px;height: 30px;margin: 0 auto;display: table}
#left1 ol {
	margin-top: 100px;
    counter-reset: li;
    margin: 0;
    padding: 0;
}
#left1 ol > li {
    font-family: "Lato", sans;
    font-size: 1.3em;
    list-style: none;
    margin: 0 0 0.5em 0.2em;
    padding: 0.1em 1em;
    position: relative;
	left: 50px
}
#left1 ol > li:before {
    background:#FF2B2E;
    color: white;
    content: counter(li);
    counter-increment: li;
    font-family: "Bree Serif", serif;
    font-size: 0.3em;
    line-height: 1em;
    padding: 0.5em 0;
    position: absolute;
    top: 2em;
    left: -0em;
    text-align: center;
    width: 2em;
}
#left1 ol > li img{width: 30px;margin-left: 10px}
#left1 > p{margin: 0 auto;display: table;margin-bottom: 10px}
#one > div {float: left}
#right1{width: 300px;height: 600px;background:#fff5f5 }

#sample{height: 50px}
#sample li{list-style: none;float: left;text-align: center}
#sample li img{width: 20px;margin: 0 10px}
#sample ul{margin: 0 auto;display: table}
#sample p{font-size: 13px;margin: 0 auto;display: table}
#right1 img{width: 80px;margin: 10px;float: left}
.filmInfo{display:table;float: left;color: #666666;font-size: 13px;margin: 10px;line-height: 30px}
#right1 > hr{width: 100%}
#right1 > table{display: table;float: left}
#right1 > table td{width: 300px}
.grayText{float: left;display: table;color: #9a9a9a;font-size: 13px}
#right1 > table td h4{font-size: 14px}
#time1{color:#eb002a !important}
#numOrdered{display: table;float: left}
#numOrdered h4{display:inline-block;color: #EB002A }
.seatItem{float: left;margin: 5px 10px;background: #FFFFFF;width: 65px;text-align: center;border: 1px solid #eb002a ;color: #eb002a}
.price{width: 230px;height: 40px;display: table;margin: 0 auto}
#counter{color: #EB002A}
#inputPhone{display: table;margin-left: 25px;width: 200px;margin-top: 10px;height: 30px;font-size: 18px;font-weight: bolder}
#btnConfirm{width: 180px;height: 40px;color: aliceblue;background: #EB002A ;text-align: center;margin-left: 25px}
#btnConfirm p{padding: 10px}
#bottom1{width: 998px!important;height: 170px;background: #f7f7f7;border-top: 1px solid #e5e5e5;}
#bottom1 p{position: relative;left: 30px}
#hintText2{height: 20px;margin: 10px 0 }
#DataTableInput td{height: 50px;text-align: center;border: 1px solid #dddddd; }
.table_head{color: #797979;background: #eaeaea;font-size: 15px;padding: 20px }
.table_head th{height: 40px;border: 1px solid #dddddd}
#DataTableInput td{height: 200px}
#DataTableInput td:nth-child(1) img{width: 100px;display: table;float: left;margin:10px 5px 10px 10px}
#DataTableInput td:nth-child(2) p:nth-child(1){color:#676767}
#DataTableInput td:nth-child(2) p:nth-child(2){color: #EB002A}
.seatItem2{display: table;float: left;margin: 5px 50px;background: #FFFFFF;width: 60px;text-align: center;border: 1px solid #eb002a ;color: #eb002a}
#box{margin-bottom: 40px}
#sum2{float: right;width: 200px}
#sum2 p{color:#7C7C7C;font-size: 15px;float: left;margin-top: 10px}
#sum2 h4{font-weight: bolder;font-size: 24px;color:#EB002A }
#orderConfirm{display: table;float: left;color: aliceblue;background:#EB002A;padding: 10px;margin-top: 20px}
#three table{display: table;margin: 0 auto;width: 600px;text-align: center;border: 2px solid #5E5E5E}
#three table tr:nth-child(4) td p,
#three table tr:nth-child(5) td p,
#three table tr:nth-child(6) td p{float: left;margin: 10px}
#three table tr:nth-child(3) td {border-bottom: 2px solid #5E5E5E;border-top: 2px solid #5E5E5E}
#backMain {display: table;float: left;color: aliceblue;background:#EB002A;padding: 10px;margin: 20px}

.seat1{content: url(../img/seat.png)}
.seat2{content: url(../img/seat.png)}
.seat3{content: url(../img/seat.png)}





